<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

<script type="text/javascript">
	
</script>
	<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

	<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css" integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous">

	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>

</head>
<body>
<div>
	共 <strong>${pageInfo.total}</strong>笔数据
	, 共 <strong>${pageInfo.pages}</strong>页
	,当前第 <strong>${pageInfo.pageNum}</strong>页
</div>

<div>
	<nav aria-label="...">
		<ul class="pagination">

			<li class="page-item ${pageInfo.pageNum<=1?'disabled':''} ">
				<a class="page-link" href="javascript:page_nav(document.forms[0],1);">首页</a>
			</li>
			<li class="page-item ${pageInfo.pageNum<=1?'disabled':''} ">
				<a class="page-link"  href="javascript:page_nav(document.forms[0],${pageInfo.pageNum-1});">上一页</a>
			</li>

			<c:forEach var="nums" items="${pageInfo.navigatepageNums}">
				<li class="page-item ${pageInfo.pageNum==nums ? 'active':''}">
					<a class="page-link" href="javascript:page_nav(document.forms[0],${nums});">${nums}</a>
				</li>
			</c:forEach>

			<li class="page-item ${pageInfo.pageNum >= pageInfo.pages?'disabled':'' }" >
				<a class="page-link"  href="javascript:page_nav(document.forms[0],${pageInfo.pageNum+1});">下一页</a>
			</li>
			<li class="page-item ${pageInfo.pageNum >= pageInfo.pages?'disabled':'' }" >
				<a class="page-link" href="javascript:page_nav(document.forms[0],${pageInfo.pages});">尾页</a>
			</li>
		</ul>
	</nav>

</div>

</body>
<script type="text/javascript" src="${pageContext.request.contextPath }/statics/js/sysRole/rollpage.js"></script>
</html>